{% extends "FOSUserBundle::layout.html.twig" %}

{% trans_default_domain 'FOSUserBundle' %}

{% block fos_user_content %}
{% if error %}
    <div class="alert alert-danger container" role="alert">
            <strong>Error!</strong> {{ error|trans }}
    </div>
{% endif %}


<div class="container">
    <form action="{{ path("fos_user_security_check") }}" method="post" role="form" id="login-form" style="width: 300px; margin: auto;">
        <div class="panel panel-default">
            <div class="panel-heading"> 
              <h3 class="panel-title">Login to account</h3>
            </div>
            <div class="panel-body">

                <input type="hidden" name="_csrf_token" value="{{ csrf_token }}" />

                <div class="form-group">
                   <label for="username">Login / E-mail:</label>
                   <input type="text" class="form-control" id="username" name="_username" value="{{ last_username }}" required="required" />
                 </div>

                <div class="form-group">
                   <label for="password">Passsword:</label>
                   <input type="password" class="form-control" id="password" name="_password"  required="required" />
                 </div>

                 <div class="checkbox">
                    <label>
                      <input type="checkbox" id="remember_me" name="_remember_me" value="on"> Remember me
                    </label>
                  </div>
                 <button type="submit" id="_submit" name="_submit" class="btn btn-primary">Login</button>

            </div>
        </div>
    </form>
</div>
{% endblock fos_user_content %}
